body {
  font: 14px PingFangSC-Regular, sans-serif;
  background: #ecedee;
}
.container{
  width: 100%;
  background: #ecedee;
}
  
    .content{
      min-height:900px;
      text-align: center;
      width: 982px;
      margin:20px auto;
    }

      .content .left,.content .right{
        float: left;
      }


    .content .left{
      width:757px;
      /*min-height:1360px;*/
      background:rgba(255,255,255,1);
      margin-bottom: 20px;
    }

      .left .search-query{
        margin:10px;
        width:737px;
        height:36px;
        background:rgba(255,255,255,1);
        box-shadow:0px 2px 5px 0px rgba(0,0,0,0.05);
        border-radius:2px;
        border:1px solid rgba(0,0,0,0.15);
        text-align: left;
      }
        .search-query.focus{
          height:36px;
          background:rgba(255,255,255,1);
          box-shadow:0px 10px 20px 0px rgba(53,56,123,0.15);
          border-radius:2px;
          border:1px solid rgba(53,103,245,1);
        }
        .search-query .icon{
          width: 12px;
          height: 12px;
          float:left;
          margin-left: 11px;
          margin-top: 12px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
        }
        .icon-search{
          background-image: url("");
        }
        .tabs{
          display: block;
          text-align: left;
        }

        .search-query input{
          float:left;
          width: 90%;
          height:18px;
          font-size:13px;
          font-family:PingFangSC-Regular;
          color:#333;
          line-height:18px;
          margin-top: 9px;
          margin-left: 7px;
          margin-bottom: 9px;
        }
        .search-query input::-ms-clear{display: none;}
        .search-query input::-ms-reveal{display: none;}
        .search-query .result{
          position: relative;
          top: -26px;
          right: 10px;
          float: right;
          /*width:221px;*/
          height:18px;
          font-size:13px;
          font-family:PingFangSC-Regular;
          color:rgba(155,155,155,1);
          line-height:18px;
        }

        .tabs{
          width: 100%;
          margin-top: 10px;
          border-top: 1px solid #F0F0F1;
          border-bottom: 1px solid #F0F0F1;
          padding-top: 10px;
          padding-bottom: 10px;
        }
        .tabs li{
          margin: 0 20px;
          padding: 10px 0;
          font-weight: 800;
        }
        .tabs li.cur{
          border-bottom: 2px solid #3567F5;
        }
        .tabs li.cur a{
          color:#3567F5;
        }

        .tabs li:hover{
          border-bottom: 2px solid #3567F5;
        }
        .tabs li:hover a{
          color:#3567F5;
        }

        .tabs li.last{
          border-left: 1px solid #F0F0F1;
          padding-left: 10px;
          color:#9B9B9B
        }
        .table{
          width:755px;
        }
        .table thead{
          width: 100%;
          height: 38px;
          /*border-top: 1px solid #F0F0F1;*/
          border-bottom: 1px solid #F0F0F1;
        }
        .table thead th.cur{
          color:#3567F5;
        }
        .table th{
          padding: 10px 20px;
          height:18px;
          font-size:13px;
          font-family:PingFangSC-Regular;
          color:#9B9B9B;
          line-height:18px;
          font-weight: 600;
        }
        th.duration{
          text-align: right;
          padding-right: 20px;
        }
        .table tbody{

        }
        .table tbody tr{
          height: 60px;

        }

        .table tbody tr:nth-child(odd){
        }
        .table tbody tr:nth-child(even){
          background:rgba(0,0,0,.02);
        }
        .table tbody tr.mo-rat span,
        .table tbody tr.inv-re span,
        .table tbody tr.div-rat span{
          position: relative;
        }
        .table tbody tr:hover{
          background:rgba(255,255,255,1);
          border-bottom: 1px solid rgba(210,210,210,.1);
          border-top: 1px solid rgba(210,210,210,.1);
          box-shadow:0px 5px 10px 0px rgba(0,0,0,.1);
          z-index: 100;
        }
        .table tbody tr:hover .mo-rat span::before,
        .table tbody tr:hover .inv-re span::before,
        .table tbody tr:hover .div-rat span::before{
          position: relative;
          content:"挖矿占比";
          width:40px;
          height:14px;
          font-size:10px;
          font-family:PingFangSC-Regular;
          color:rgba(155,155,155,1);
          line-height:14px;
          position: relative;
          top: -21px;
          left: 45%;
        }
        .table tbody tr:hover .inv-re span::before{
          content:"邀请返利";
        }
        .table tbody tr:hover .div-rat span::before{
          content:"持平台币分红";
        }
        .table tbody tr:hover .mo-rat span,
        .table tbody tr:hover .inv-re span,
        .table tbody tr:hover .div-rat span{
          position: relative;
          top: 10px;
          left: -20%;
          font-weight: 600;
          width:49px;
          height:17px;
          font-size:14px;
          font-family:PingFangSC-Regular;
          color:rgba(53,103,245,1);
          line-height:17px;
        }
          .table tbody tr:hover td{
            font-weight: 600;
          }
          .table tbody tr td a:hover span{
            text-decoration: underline;
          }
        td.mo-rat,td.inv-re,td.div-rat,td.duration{
          font-size:14px;
          font-family:PingFangSC-Regular;
          color:#3567F5;
          line-height:17px;
        }
        td.num{
          text-align: left;
          color:#4A4A4A;
          padding-left: 20px;
          font-weight: 600;
        }
        td.name a{
          height: 20px;
          display: block;
        }
        td.name img{
          width: 20px;
          height: 20px;
          float: left;
        }
        td.name a:hover span.ratio{
          text-decoration: underline;
        }
        td.name span.ratio{
          float: left;
          height:17px;
          font-size:14px;
          font-family:PingFangSC-Regular;
          color:rgba(74,74,74,1);
          line-height:20px;
          margin-left: 6px;
          font-weight: 600;
        }

        td.tran-pair{
          height:16px;
          font-size:13px;
          font-family:PingFangSC-Regular;
          color:rgba(74,74,74,1);
          line-height:16px;
        }
        td.duration{
          text-align: right;
          padding-right: 20px;
        }

        .loading{
          width:65px;
          height:18px;
          font-size:13px;
          font-family:PingFangSC-Regular;
          color:rgba(155,155,155,1);
          line-height:18px;
        }
    .content .right{
      width:210px;
      margin-left: 13px;
    }
    .content .right .adv{
      display: block;
      min-height:128px;
      border-radius:3px;
      background: url(../images/ad.png);
      background-size: contain;
    }
    .content .right .notice{
      margin-top: 12px;
      text-align: left;
      background:rgba(255,255,255,1);
    }
    .notice .tit{
      padding: 9px 12px;
      height:18px;
      font-size:13px;
      font-family:PingFangSC-Regular;
      color:rgba(74,74,74,1);
      line-height:18px;
      border-bottom: 1px solid #F0F0F1;
      font-weight: bolder;
    }
    .notice .more{
      font-size:12px;
      text-align: center;
      font-family:PingFangSC-Regular;
      background:rgba(0,0,0,0.02);
      box-shadow:0px 1px 0px 0px rgba(235,235,235,1);
      line-height:30px;
      color: #9B9B9B;
      border-top: 1px solid #F0F0F1;
    }
    .notice-item:hover .notice-tit{
      text-decoration:underline;
    }
    .notice-item:hover .notice-desc{
      text-decoration:underline;
    }
  .notice-tit{
    width: 152px; 
    height:18px;
    overflow:hidden;
    padding: 6px 24px 6px 12px;
    font-size:13px;
    font-family:PingFangSC-Regular;
    color:rgba(30,30,30,1);
    line-height:18px;
    font-weight: 600;
    white-space: nowrap;
    word-break: break-all;
  }
  .notice-desc{
    font-size:13px;
    max-width: 164px;
    padding: 0px 12px 6px 34px;
    font-family:PingFangSC-Regular;
    font-weight: 600;
    color:rgba(155,155,155,1);
    line-height:22px;
    max-height: 60px;
    overflow: hidden;
    word-break: break-all;
  }
  .ic{
    width:16px;
    height:16px;
    border-radius:3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: left;
    margin-right: 4px;
  }
  .ic-news{
    background-image: url("");
  }
  .ic-notif{
    background-image: url("");
  }
  .ic-raiders{
    background-image: url("");
  }

.content .right .weixin{
  margin-top: 13px;
  background:rgba(255,255,255,1);
  padding: 20px;
  text-align: left;
}
.weixin img{
  display: block;
  width: 170px;
  height: 170px;
}
.weixin .weixin-tit{
  height:18px;
  font-size:13px;
  font-family:PingFangSC-Regular;
  color:rgba(74,74,74,1);
  line-height:18px;
  margin-top: 20px;
  font-weight: 600;
}
.weixin .weixin-desc{
  width:170px;
  height:54px;
  font-size:13px;
  font-family:PingFangSC-Regular;
  color:rgba(155,155,155,1);
  line-height:18px;
  margin-top: 6px;
  font-weight: 600;
}
.search-text{
  color:red; 
  font-weight: bold;
}

 #topcontrol{
    right:500px;
    bottom: 10px;
  }
  #topcontrol a img{
    opacity: .5;
    filter:alpha(opacity=50);
  }
  #topcontrol a img:hover{
    opacity: 1;
    filter:alpha(opacity=100);
  }
  @media only screen and (max-width: 1366px) {
    #topcontrol{
      right:200px;
      bottom: 10px;
    }
  }
  @media only screen and (max-width: 1024px) {
    #topcontrol{
      right:80px;
      bottom: 10px;
    }
  }